<!DOCTYPE html>
<!-- Consider specifying the language of your content by adding the `lang` attribute to <html> -->
<!--[if lt IE 7]> <html class="no-js ie6"> <![endif]-->
<!--[if IE 7]>    <html class="no-js ie7"> <![endif]-->
<!--[if IE 8]>    <html class="no-js ie8"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>

	<meta charset="utf-8">

	<!-- Always force latest IE rendering engine & Chrome Frame -->
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

	<!-- Put your title here! -->
	<title></title>

	<meta name="description" content="">

	 <!-- Mobile viewport optimized: j.mp/bplateviewport -->
	<meta name="viewport" content="width=device-width">

	<link href="css/style.css" rel="stylesheet">

	<!-- Load Open Sans and Merriweather from Google Fonts
		For optimal performance, customize it to load the styles you need:
		http://goo.gl/QufgJ
	-->
	<link href="//fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700|Merriweather:400,700,900" rel="stylesheet">

	<!-- All JavaScript at the bottom, except for Modernizr
		Modernizr enables HTML5 elements & feature detects; It includes Respond, a polyfill for min/max-width CSS3 Media Queries
		For optimal performance, use a custom Modernizr build: www.modernizr.com/download/ -->
	<script src="js/modernizr-2.6.1.min.js"></script>
</head>

<body>

	<!-- Prompt IE 6 and 7 users to install Chrome Frame:		chromium.org/developers/how-tos/chrome-frame-getting-started -->
	<!--[if lt IE 8]>
		<p class="chromeframe alert alert-warning">Your browser is <em>ancient!</em> <a href="http://browsehappy.com/">Upgrade to a different browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to experience this site.</p>
	<![endif]-->

	<header id="master-header" class="clearfix" role="banner">

		<hgroup>
			<h1 id="site-title"><a href="index.html" title="t2s">Time 2 Snack</a></h1>
			<h2 id="site-description">This is an awesome description of the site!</h2>
		</hgroup>

	</header> <!-- #master-header -->

<div id="main" class="row clearfix">

	<!-- Main navigation -->
<nav class="main-navigation clearfix span12" role="navigation">
		<h3 class="assistive-text">Main menu</h3>
		<ul>
			<li class="current"><a href="Inicio.html">Inicio</a></li>
			<li>
				<a href="#">Catalogos</a>
				<ul class="sub-menu">
					<li><a href="DisplayAllServletC">Colegios</a></li>
					<li><a href="Ncolegios.html">Nuevos Colegios</a></li>
					<li><a href="DisplayAllServeletP">Productos</a></li>
					<li><a href="Nproductos.html">Nuevos Productos</a></li>
				</ul>
				<li>
				<a href="#">Ordenes</a>
				<ul class="sub-menu">
					<li><a href="DisplayAllServletOC">Nueva Orden</a></li>
					<li><a href="DisplayAllServletOCF">Ordenes confirmadas</a></li>
					<li><a href="DisplayAllServletOE">Ordenes entregadas</a></li>
					<li><a href="DisplayAllServletOCC">Ordenes Canceladas</a></li>
					<li><a href="DisplayAllServletRC">Reporte por cliente</a></li>
					<li><a href="DisplayAllServletRF">Reporte por Fecha</a></li>
				
				</ul>
			</li>
			<li><a href="Contactos.html">Contactos</a></li>
		</ul>
	</nav> <!-- #main-navigation -->

<div id="content" role="main" class="span7">

	<article class="page hentry">

		<header class="entry-header">
			<h1 class="entry-title">Colegios</h1>
		</header> <!-- .entry-header -->

		<form  method="post" action="AddServlet">

			<fieldset class="row">

				<legend>Alta </legend>

				<p>
					<label for="idcolegio">Colegio ID:<span class="required">(obligatorio)</span></label>
					<input type="direccion" name="idcolegio" id="idcolegio" class="input-xlarge" required>
				</p>
				
				<p>
					<label for="nombrecolegio">Nombre Colegio:<span class="required">(obligatorio)</span></label>
					<input type="text" name="nombrecolegio" id="nombrecolegio" class="input-xlarge" required>
				</p>

				<p>
					<label for="descripcion">Direccion:<span class="required">(obligatorio)</span></label>
					<input type="text" name="descripcion" id="descripcion" class="input-xlarge" required>
				</p>

				<p>
					<label for="telcolegio">Telefono:<span class="required">(obligatorio)</span></label>
					<input type="text" name="telcolegio" id="telcolegio" class="input-xlarge" required>
				</p>

				<p>
					<label for="email">Email:<span class="required">(obligatorio)</span></label>
					<input type="text" name="email" id="email" class="input-xlarge" required>
				</p>

				<p>
					<label for="sugerencias">Sugerencias:<span class="required">(obligatorio)</span></label>
					<input name="sugerencias" cols="50" rows="10" id="sugerencias" class="input-xxlarge" required placeholder="Sugerencias?"></textarea>
				</p>

				<!-- This is hidden for normal users -->
				<div class="hidden">
					<label>
						Do not fill out this field
						<input name="s_check">
					</label>
				</div>

				<p>
					
				<input type="submit" name="submit" class="primary" value="Guardar">
				
			    </p>

				<p hidden id="response"></p>

			</fieldset>

		</form>

	</article> <!-- .page -->

</div> <!-- #content -->
 
<div id="sidebar" role="complementary" class="span4">

	<!-- Non-working search form -->
	<form role="search" action="#" class="searchform">
		<label class="assistive-text" for="s">Search for:</label>
		<input type="search" name="s" id="s" results="10" placeholder="Search..." value="" />
		<input type="submit" value="Search" /> 
	</form>  <!-- .searchform.widget -->

	<aside class="widget">
		<h3 class="widget-title">Sidebar heading</h3>

		<ul>
			<li><a href="#">Li element</a></li>
			<li><a href="#">Li element</a></li>
			<li><a href="#">Li element</a></li>
			<li><a href="#">Li element</a></li>
			<li><a href="#">Li element</a></li>
		</ul>
	</aside> <!-- .widget -->

	<aside class="widget">
		<h3 class="widget-title">Widget</h3>

		<p>Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life.</p>
		<p>One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar.</p>
	</aside> <!-- .widget -->

</div> <!-- #sidebar -->

</div> <!-- #main -->
		<figure>
   			<img src="" alt="">
   			<figcaption>Tel....  perosna encargada</figcaption>
		</figure>

	<footer id="footer" role="contentinfo">
		<!-- You're free to remove the credit link to Jayj.dk in the footer, but please, please leave it there :) -->
		<p>
			Copyright &copy; 2012 <a href="#">Sitename.com</a>
			<span class="sep">|</span>
			Design by <a href="http://jayj.dk" title="Design by Jayj.dk">Jayj.dk</a>
		</p>
	</footer> <!-- #footer -->

	<!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if offline -->
	<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
	<script>window.jQuery || document.write('<script src="js/jquery-1.7.2.min.js"><\/script>')</script>

	<!-- Load custom scripts -->
	<script src="js/script.js"></script>
</body>
</html>
